<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Real_Estate_4_Rent</title>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.min.js"/>">
</script>

<link href="<c:url value="/resources/style/leftmenu.css"/>" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/style/style_test.css"/>" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<c:url value="/resources/js/jquery-1.11.0.js"/>"></script>
<script type="text/javascript" src="<c:url value="/resources/js/jquery.cycle.all.js"/>"></script>
<script type="text/javascript">
	$('#slider').cycle({ 
    fx:     'scrollHorz', 
    speed:   'fast'
});
</script>
<script>
$(document).ready(function(){
  $("#characteristic_favorite").click(function(){
    $("#product_compare_area").show();
  });

  $("#close_button").click(function(){
	 $("#product_compare_area").hide();	  
  });
});
</script>
</head>

<body>

<!--the left menu amazon-->
<div id='cssmenu'>
<ul>
   <li class='active'><a href='#'><span>District 1</span></a>
		<ul class="nav_cat">
			<div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/bitexcofinal.jpg"/>);">
				 <li class='has-sub'><a href='#'><span>Apartment</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Villa</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
				 </li>
				 <li class='has-sub'><a href='#'><span>Rooms</span></a>
				 </li>
			</div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 2</span></a>
      <ul class="nav_cat">
          <div id="image_backgroud_ul" style="background-image:url(<c:url value="/resources/images/Children-Book-Easter.png"/>);">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 3</span></a>
		<ul class="nav_cat">
         <div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)">
             <li class='has-sub'><a href='#'><span>Apartment</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Villa</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
             </li>
             <li class='has-sub'><a href='#'><span>Rooms</span></a>
             </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Phu Nhuan</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)">
         <li class='has-sub'><a href='#'><span>Apartment</span></a>
         </li>
         <li class='has-sub'><a href='#'><span>Villa</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
         </li>
		 <li class='has-sub'><a href='#'><span>Rooms</span></a>
         </li>
         </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District 7</span></a>
		<ul class="nav_cat">
        <div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)">
			<li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
			</li>
            </div>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>District Tan Binh</span></a>
      <ul class="nav_cat">
      <div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)">
        <li class='has-sub'><a href='#'><span>Apartment</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Villa</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Apartment Serviced</span></a>
			</li>
			<li class='has-sub'><a href='#'><span>Rooms</span></a>
		</li>
        </div>
      </ul>
   </li>
   <li class='active nav_divider_before'>
	   	<a href='#'><span>Passport</span></a>
        <div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)"></div>
   </li>
   <li class='has-sub'>
   	<a href='#'><span>Visa</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)"></div>
   </li>
   <li><a href='#'><span>Car</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)"></div>
   </li>
   <li class='last'><a href='#'><span>Hotel</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)"></div>
   </li>
   <li class='active'><a href='#'><span>Villa for rent</span></a>
   	<div id="image_backgroud_ul" style="background-image:url(../images/Children-Book-Easter.png)"></div>
   </li>
</ul>
</div>
<!-- end the left menu-->

<div id="top_nav_fix" style="width:950px; height:80px;"></div>
<div id="top_nav">
  <div id="navigation_test">
    <ul>
      <li><a href="#">apartments for rent</a></li>
      <li><a href="#">houses for rent</a></li>
      <li><a href="#">villas for rent</a></li>
      <li><a href="#">serviced apartments for rent</a></li>
      <li><a href="#">resort for rent</a></li>
      <li><a href="#">contact us</a></li>
      <li>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/united_kingdom.jpg"/>" style="height:25px;width:30px;"><span>English</span></img>
		</a>
		<a href="#" style="width:50px;float:left;">
			<img src="<c:url value="/resources/images/vietnam.jpg"/>" style="height:25px;width:30px;"><span>Việt Nam</span></img>
		</a>
	  </li>
    </ul>
  </div>
</div>
<div id="main_container">
  <div id="background_main">
    <div id="main">
      <div id="search">
        <h3 id="title">Find your property</h3>
        <form action="resultProperty" method="get">
          <table width="300" height="333">
            <tr>
              <td width="61">Keyword:</td>
              <td width="202"><input type="text" style="width:180px;" name="keyword"/></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="build"></label>
                <select id="location" style="width:185px;">
                  <option>-----All Building-----</option>
                  <option>Dong A Building</option>
                  <option>Bitexco Tower</option>
                  <option>Vincom A</option>
                </select></td>
            </tr>
            <tr>
              <td>Search:</td>
              <td><input type="checkbox" value="true"/>
                For Rent
                <input type="checkbox" value="true"/>
                For Sale </td>
            </tr>
            <tr>
              <td id="type">Type:</td>
              <td><input type="checkbox" value="true"/>
                Apartment for rent<br/>
                <input type="checkbox" value="true"/>
                House for rent<br/>
                <input type="checkbox" value="true"/>
                Villa for rent <br/>
                <input type="checkbox" value="true"/>
                Office for rent <br/>
                <input type="checkbox" value="true"/>
                Serviced apartment for rent </td>
            </tr>
            <tr>
              <td><label>Location:</label></td>
              <td><select id="location" style="width:185px;">
                <option>--All City--</option>
                <option>Ho Chi Minh</option>
                <option>Ha Noi</option>
                <option>Da Nang</option>
              </select></td>
              <td width="10"></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><label for="district"></label>
                <select id="location" style="width:185px;">
                  <option>--All District--</option>
                  <option>District 1</option>
                  <option>District 2</option>
                  <option>District 3</option>
                </select></td>
            </tr>
            <tr>
              <td>Bedroom</td>
              <td><select id="location" style="width:185px;">
                <option>--Number bedroom--</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
              </select></td>
            </tr>
            <tr>
              <td>Price:</td>
              <td><select id="location" style="width:185px;">
                <option>--Select price--</option>
                <option>< 1000 USD</option>
                <option>1000 - 2000 USD</option>
                <option>2000 - 3000 USD</option>
                <option>3000 - 4000 USD</option>
                <option>> 4000 USD</option>
              </select></td>
            </tr>
          </table>
	        <div id="advance_search"><a href="advancedSearch.html">Advance Search</a></div>
	        <input type="submit" value="Search Properties" id="action_search"/>
        </form>
      </div>
      <div id="hot_property">
        <div id="wrapper">
          <div id="container">
            <div id="slider">
				<img src="<c:url value="/resources/images/bestreal-11.jpg"/>" width="665" height="390" />
				<img src="<c:url value="/resources/images/bestreal-13.jpg"/>" width="665" height="390" />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="product_compare_area">
	<div id="compare_button">
		<a href="#"><img src="<c:url value="/resources/images/bestreal-13.jpg"/>" id="image_in_compare_area"></a>
	</div>
	<div id="compare_button">
		<a href="#"><img src="<c:url value="/resources/images/bestreal-13.jpg"/>" id="image_in_compare_area"></a>
	</div>
	<div id="compare_button">
		<a href="#"><img src="<c:url value="/resources/images/bestreal-13.jpg"/>" id="image_in_compare_area"></a>
	</div>
	<div id="compare_button" class="compare_button">
		<input type="button" value="Compare"/>
	</div>
	<div id="compare_button" class="close_button">
		<input type="button" value="Close" id="close_button"/>
	</div>
	<div id="compare_button" class="alert_information">Please choose 2 to 3 products</div>
  </div>
  <div id="product_area" class="new_properties_area">
  	<div id="name_property">
		<a href="resultProperty.html">New property</a>
	</div>
  	<c:if test="${not empty listNewProperty}">
  			<c:set var="numberNewProperty" value="0"> </c:set>
  			<c:forEach var="apartment" items="${listNewProperty }">
  				<% 
  					String numberNewPropertyValue = (String)pageContext.getAttribute("numberNewProperty");
  					Integer number = Integer.parseInt(numberNewPropertyValue);
  					number++;
					pageContext.setAttribute("numberNewProperty", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberNewProperty %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic_favorite">
										<img src="<c:url value="/resources/images/favorite.jpg"/>" style="width:20px; height:20px;"/>Add favorites
									</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${apartment.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic_favorite">
										<img src="<c:url value="/resources/images/favorite.jpg"/>" style="width:20px; height:20px;"/>Add favorites
									</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${apartment.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  <div id="product_area" class="apartment_area">
  	<div id="name_property">
		<a href="resultProperty.html">Apartments for rent</a>
	</div>
  	<c:if test="${not empty listApartments}">
  			<c:set var="numberApartment" value="0"> </c:set>
  			<c:forEach var="apartment" items="${listApartments }">
  				<% 
  					String numberApartmentValue = (String)pageContext.getAttribute("numberApartment");
  					Integer number = Integer.parseInt(numberApartmentValue);
  					number++;
					pageContext.setAttribute("numberApartment", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberApartment %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic_favorite">
										<img src="<c:url value="/resources/images/favorite.jpg"/>" style="width:20px; height:20px;"/>Add favorites
									</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${apartment.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic_favorite">
										<img src="<c:url value="/resources/images/favorite.jpg"/>" style="width:20px; height:20px;"/>Add favorites
									</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${apartment.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  <div id="product_area" class="house_area">
  	<div id="name_property"><a href="resultProperty.html">Houses for rent</a></div>
  	<c:if test="${not empty listHouses}">
  			<c:set var="numberApartment" value="0"> </c:set>
  			<c:forEach var="house" items="${listHouses }">
  				<% 
  					String numberApartmentValue = (String)pageContext.getAttribute("numberApartment");
  					Integer number = Integer.parseInt(numberApartmentValue);
  					number++;
					pageContext.setAttribute("numberApartment", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberApartment %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${house.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${house.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  <div id="product_area" class="villa_area">
  	<div id="name_property"><a href="resultProperty.html">VILLAS FOR RENT</a></div>
    <c:if test="${not empty listVillas}">
  			<c:set var="numberApartment" value="0"> </c:set>
  			<c:forEach var="villa" items="${listVillas }">
  				<% 
  					String numberApartmentValue = (String)pageContext.getAttribute("numberApartment");
  					Integer number = Integer.parseInt(numberApartmentValue);
  					number++;
					pageContext.setAttribute("numberApartment", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberApartment %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${villa.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${villa.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  <div id="product_area" class="service_apartment_area">
  	<div id="name_property"><a href="resultProperty.html">SERVICED APARTMENT FOR RENT</a></div>
	<c:if test="${not empty listSApartments}">
  			<c:set var="numberApartment" value="0"> </c:set>
  			<c:forEach var="servicedApartment" items="${listSApartments }">
  				<% 
  					String numberApartmentValue = (String)pageContext.getAttribute("numberApartment");
  					Integer number = Integer.parseInt(numberApartmentValue);
  					number++;
					pageContext.setAttribute("numberApartment", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberApartment %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${servicedApartment.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${servicedApartment.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More...</a></div>
  </div>
  <div id="product_area" class="show_room_area">
  	<div id="name_property"><a href="resultProperty.html">RESORT FOR RENT</a></div>
  	<c:if test="${not empty listResorts}">
  			<c:set var="numberApartment" value="0"> </c:set>
  			<c:forEach var="resort" items="${listResorts }">
  				<% 
  					String numberApartmentValue = (String)pageContext.getAttribute("numberApartment");
  					Integer number = Integer.parseInt(numberApartmentValue);
  					number++;
					pageContext.setAttribute("numberApartment", number + "");
			    %>
			    <c:choose>
			    	<c:when test="${numberApartment %2 != 0}">
						<div id="line2">
							<div id="col1">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${resort.productName}</div>
						        </a>
							</div>
					</c:when>
					<c:otherwise>
						<div id="col2">
								<a href="#">
									<div id="image_product" width="148" height="99" ><img src="<c:url value="/resources/images/product/2519_a.jpg"/>" width="148" height="99" />
									</div>
								</a>
								<div id="information_detail">
									<div id="characteristic">River Side*</div>
									<div id="characteristic">Room: 2</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="characteristic">Bethroom: 2</div>
									<div id="characteristic">Sqft: 106 sqm</div>
									<div id="price">Price: 
										<div id="highlight">1,300 USD/month</div>
									</div>
								</div>
								<div id="address">Address: 418 Tran Phu, Ward 7, District 5</div>
								<a href="productDetail.html">
						        <div id="address_detail">${resort.productName}</div>
						        </a>
						</div>
						</div>
					</c:otherwise>
				</c:choose>
	    	</c:forEach>
    </c:if>
    <div id="more_product"><a href="#">More..</a>.</div>
  </div>
	</div> 
	<!--end main_container-->
	<div id="product_area_footer" class="villa_area">
		<div id="name_property_footer">
			<div id="option_menu">
				<ul id="nav">
				  <li><a href="#">passport</a></li>
				  <li><a href="#">hotel</a></li>
				  <li><a href="#">rent car</a></li>
				  <li><a href="#">school</a></li>
				</ul>
			</div>
		</div>		
	</div>
	<div id="fullsupport">
		<strong>For more information contact with Mr Phuc: 0904 674 199</strong>
	</div>
</body>
</html>
